<template>
  <div class="recommend">
    <div>
      <span class="iconfont icoba">&#xe876;&nbsp;</span>
      <span class="rec">去哪网推荐</span>
    </div>
    <div class="default">
      <div class="titck-item  border-bottom" v-for="item of recom" :key="item.id">
        <div class="ticket-main">
          <div class="aa">
            <h6 class="ticket-title">{{item.name}}</h6>
            <span class="desc">
              <img class="ticket-tagicon" src="https://img1.qunarzz.com/piao/fusion/1804/f0/39deb48037c83702.png">
              23.59前可预订
            </span>
          </div>
          <div class="jiaright">
            <span>¥ {{item.Price}}</span>
             <p>预订</p>
          </div>
        </div><!-- ticket-main -->
      </div><!-- titck-item -->
    </div> <!-- default-->
    <!-- <recommends :ticketList="ticketList"></recommends> -->
  </div>
</template>

<script>
export default {
  name: 'recomm',
  props: {
    recom: Array
  }
}
</script>

<style lang="stylus" scoped="scoped">
  .recommend
    padding 0.1rem 0.2rem
    .icoba
      background white
      color white
      border-radius 50%
      text-align center
      padding 0.06rem 0
      line-height 0.6rem
    .rec
      font-size 0.4rem
      padding-left 0.3rem
    .default
      display block
      .titck-item
        background #f5f5f5
        padding .2rem
        overflow auto
        .ticket-main
          .ticket-title
            padding 0
            color #616161
            font-size .28rem
            line-height .4rem
            width 5rem
          .desc
            display inline-block
            height .32rem
            color #616161
            font-size .24rem
            line-height .32rem
            white-space nowrap
            .ticket-tagicon
              display inline-block
              width .2rem
              max-height .32rem
              margin-right .04rem
              vertical-align 0
        .aa
          float left
        .jiaright
          float right
          text-align center
          span
            color #ffab1e
            font-size 0.4rem
          p
            width 1.8rem
            height 0.6rem
            line-height 0.6rem
            background #ffab1e
            color white
            border-radius 0.06rem
</style>
